*{margin: 0; padding: 0;}
li{list-style: none;}
.PxToRem(@name,@px){
    @{name} : @px / 75 * 1rem;
}

header{
     background:#27c1b4;
    .PxToRem(height,98);
     display: flex;
     justify-content: space-between; 
     align-items: center;
    p{
      .PxToRem(font-size,31);
               color: #fff;
    }
    p:nth-child(1){
        .PxToRem(padding-left,20);
    }
     p:nth-child(3){
        .PxToRem(padding-right,20);
    }
}

.topTr{
    .PxToRem(font-size,31);
    dl{ display: flex;
    dt{.PxToRem(padding,31);}
        dd{.PxToRem(padding,31);
            p:nth-child(1){
                .PxToRem(padding-bottom,23);
                color:#27c1b4;
                span{color:#fb3a35; .PxToRem(margin-left,426);}
            }
        }
    }
}

.article{background: #f0f0f0; 
.PxToRem(height,22);} 

article{.PxToRem(font-size,31);
    p:nth-child(1){
                 .PxToRem(padding,25);
                  color: #27c1b4;
                  border-bottom: 1px solid #CCCCCC;
    }
    p:nth-child(2){
                .PxToRem(padding,25);
                .PxToRem(line-height,50);
    }
}

.content{.PxToRem(font-size,31);
    p:nth-child(1){
                 .PxToRem(padding,25);
                  color: #27c1b4;
                  border-bottom: 1px solid #CCCCCC;
    }
    p:nth-child(2){
                 display: flex;
                .PxToRem(padding,25);
                .PxToRem(line-height,50);
                span{padding: 1% 2% 1% 2%;}
    }
}
.article1{background: #f0f0f0; 
.PxToRem(height,233);} 

footer{
    display: flex;
    .PxToRem(height,80);
     background:#27c1b4;
     justify-content: center;
     align-items: center;
     color: #fff;
     .PxToRem(font-size,23)
}

























